@import "./common.less";

.mobile{
    max-width: 68rem;
    width: 100%;
    // height: 8rem;
    margin: 0 auto;
    font-size: 3rem;
    .mobile-header{
        text-align: center;
        height: 8rem;
        line-height: 8rem;
        color: #fdfef8;
        background-color: #193C4A;
        font-size: 3rem;
        width: 100%;
    }
    .mobile-tab{
        width: 100%;
        height: 8rem;
        background-color: #ffffff;
        display: flex;
        // line-height: 8rem;
        .tab-h1{
            line-height: 8rem;
        }
        .ml9{
            margin-left: 9rem;
        }
        .tab-one{
            flex: 1;
        }
        .tab{
            // 
            color: #bfbfbf;
            padding:0rem 1rem;
            padding-bottom: 1.5rem;            
        }
        .bd{
            color: #333333;
            border-bottom: .5rem solid #5f9dab;
        }
    }
    .mobile-list{
        background-color: #F5F5F5;
        min-height: calc(100vh - 15rem);
        padding: 2rem;
        .list{
            width: 60rem;
            height: 9rem;
            background-color: #ffffff;
            border-radius: 1rem; 
            padding: 2rem;
            margin-bottom: 2rem;
            .list-title{
                color: #4d4d4d;
                font-size: 3rem;
                flex: 1;
                white-space: nowrap;
                overflow: hidden;
                // width: ;
            }
            .list-status{
                width: 7rem;
                height: 3rem;
                background-color: #ffffff;
                border-radius: 0rem;
                border: solid 1px #eb5656;
                color: #eb5656;
                font-size: 2rem;
                text-align: center;
                line-height: 3rem;
            }
            .list-status-green{
                width: 7rem;
                height: 3rem;
                background-color: #ffffff;
                border-radius: 0rem;
                border: solid 1px #5f9dab;
                color: #5f9dab;
                font-size: 2rem;
                text-align: center;
                line-height: 3rem;
            }
            .list-status-gray{
                width: 7rem;
                height: 3rem;
                background-color: #ffffff;
                border-radius: 0rem;
                border: solid 1px #d9d9d9;
                color: #d9d9d9;
                font-size: 2rem;
                text-align: center;
                line-height: 3rem;
            }
            
            .list-detail{
                font-size: 2rem;
                color: #6b6b6b;
                margin-top: 2rem;
                img{
                    height: 2rem;
                    margin-top: .6rem;
                }
            }
        }
        .no-content{
            margin-top: 3rem;
            font-size: 2rem;
            text-align: center;
            color: #d9d9d9;
        }
    }
}